import React from 'react';
import './App.css';

import {
  BrowserRouter,
  Switch,
  Route
} from 'react-router-dom';

import Layout from './layout';

import { Provider } from 'mobx-react';
import stores from './store';

const App: React.FC = () => {
  return (
    <div className="APP">
      <Provider {...stores}>
        <BrowserRouter basename={'/todo'}>
          <Switch>
            <Route path={'/'} component={Layout}/>
          </Switch>
        </BrowserRouter>
      </Provider>
    </div>
  )
}

export default App;
